<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="frame/fm/res :: header">
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>桃李舞苑</title>
</head>
<body>
<!--/* 预加载进度动画 */-->
<div class="preloader-it">
    <div class="la-anim-1"></div>
</div>


<div class="wrapper pa-0">
    <!--/* 登录标题 */-->
    <header class="sp-header">
        <div class="sp-logo-wrap pull-left">
            <a href="login.html">
                <img width="50" height="50" class="brand-img mr-10"
                     th:src="${application.staticUrl}+'frame/img/common/logo.png'" alt="brand"/>
                <span class="brand-text">桃李舞苑</span>
            </a>
        </div>
        <!--<div class="form-group mb-0 pull-right">-->
            <!--<span class="inline-block pr-10">还没有账号?</span>-->
            <!--<a class="inline-block btn btn-primary  btn-rounded" href="signup.html">注册</a>-->
        <!--</div>-->
        <div class="clearfix"></div>
    </header>
    <div class="page-wrapper pa-0 ma-0 auth-page">
        <div class="container-fluid">
            <div class="table-struct full-width full-height">
                <div class="table-cell vertical-align-middle auth-form-wrap">
                    <div class="auth-form  ml-auto mr-auto no-float card-view pt-30 pb-30">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12">
                                <div class="mb-30">
                                    <h3 class="text-center txt-dark mb-10">桃李舞苑</h3>
                                    <h6 class="text-center nonecase-font txt-grey">输入你的账号信息</h6>
                                </div>
                                <div class="form-wrap">
                                    <form onsubmit="return login(this);" action="#">
                                        <div class="form-group">
                                            <label class="control-label mb-10" for="exampleInputEmail_2">账号：</label>
                                            <input name="username" type="text" class="form-control" required=""
                                                   id="exampleInputEmail_2" placeholder="请输入账号"/>
                                        </div>
                                        <div class="form-group">
                                            <label class="pull-left control-label mb-10"
                                                   for="exampleInputpwd_2">密码：</label>
                                            <!--<a class="capitalize-font txt-primary block mb-10 pull-right font-12"-->
                                               <!--href="forgot-password.html">忘记密码?</a>-->
                                            <div class="clearfix"></div>
                                            <input name="password" type="password" class="form-control" required=""
                                                   id="exampleInputpwd_2" placeholder="请输入密码"/>
                                        </div>
                                        <div class="form-group">
                                            <input name="verityCode" style="width:60%;margin-right: 4px;float: left" class="form-control" required=""
                                                   placeholder="请输入验证码"/>

                                            <a href="javascript:void(0);" style="float: left;width: 20%;" title="点击更换验证码">
                                                <img id="imgVerify"
                                                     src=""
                                                     alt="更换验证码"
                                                     height="36"
                                                     onclick="getVerify(this);" />
                                            </a>
                                        </div>
                                        <!--<div class="form-group">-->
                                        <!--<div class="checkbox checkbox-primary pr-10 pull-left">-->
                                        <!--<input id="checkbox_2" name="remeber"  type="checkbox">-->
                                        <!--<label for="checkbox_2">记住密码</label>-->
                                        <!--</div>-->
                                        <!--<div class="clearfix"></div>-->
                                        <!--</div>-->
                                        <div class="form-group text-center" >
                                            <button id="submit" type="submit" style="margin-top: 10px;" class="btn btn-primary  btn-rounded">登录</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>

<span th:include="frame/fm/res :: webContext"></span>
<span th:include="frame/fm/res :: mainScript"></span>
<span th:include="frame/fm/res :: init"></span>
<script type="text/javascript" th:src="${application.staticUrl}+'base/login/js/login.js'"></script>
</body>
</html>
